<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" href="student/css/head.css">
	<link rel="stylesheet" href="https://unpkg.com/vant@2.12/lib/index.css" />
	<title>学校简介</title>
	<style scoped>
		[v-cloak] {
			display: none;
		}
	</style>
	<style scoped>
		body {
			margin: 0;
			padding: 0;
			background: #f7f7f8
		}

		.home {
			position: relative;
			padding: 56px 25px 0 25px;
			box-sizing: border-box;
		}
		.home_img {
			width: 92%;
			margin: 0 auto;
			
		}
		.home_img p img{
			width: 100%;
			border-radius: 8px;
			overflow: hidden;
		}
		.home-box1 {
			padding: 15px 0;
			border-radius: 8px;
			box-shadow: 0px 0px 10px 1px rgba(161, 161, 161, 0.4);
		}

		.home-b-title {
			width: 85px;
			color: white;
			font-size: 15px;
			font-family: "黑体";
			padding: 3px 0 3px 10px;
			border-top-right-radius: 30px;
			border-bottom-right-radius: 30px;
			background-color: #fea346;
		}

		.home-b-xuexiaoImg1 {
			width: 92%;
			margin: 15px auto 0 auto;
			height: 150px;
			border-radius: 8px;
			display: block;
		}

		.home-b-text {
			width: 92%;
			font-size: 13px;
			line-height: 22px;
			margin: 15px auto 0 auto;
		}

		.home-box2 {
			margin-top: 24px;
			padding: 15px 0;
			position: relative;
		}

		.home-b-xuexiaoImg2 {
			height: 130px;
			margin-top: 0;
		}

		.home-box2-item,
		.home-box2-item2 {
			width: 80%;
			font-size: 14px;
			font-family: "黑体";
			display: flex;
			align-items: center;
			margin: 40px auto 0 auto;
			padding-bottom: 14px;
			border-bottom: 1px solid #e0e0e0;
		}

		.phone {
			padding: 2px 14px;
			border-radius: 30px;
			background-color: #f5c22f;
			color: white;
		}

		.home-box2-item2 {
			margin-top: 0;
			padding: 11px 0;
			border: none;
			align-items: baseline;
		}

		.home-box2-i-left {
			width: 32%;
			display: flex;
			align-items: center;
		}

		.home-box2-i-right {
			width: 68%;
		}
	</style>
</head>


<body>

	<div id="vue-root" v-cloak>
		<div class="header">
			<div class="header_title">学校简介</div>
			<!-- <img src="image/return.png" alt="" class="return" onclick="history.back()"> -->
		</div>
		<div class="home">
			<div class="home-box1">
				<div class="home-b-title">学校介绍</div>
				<!-- <img class="home-b-xuexiaoImg1" :src="banner[0].img" alt="加载中" /> -->
				<div class="home_img" v-html="school.summary"></div>
				<div class="home-b-text">
					<span v-html="school.legend"></span>
				</div>
			</div>
			<div class="home-box1 home-box2">
				<img class="home-b-xuexiaoImg1 home-b-xuexiaoImg2" :src="banner[0].img" alt="加载中" />
				<div class="home-box2-item">
					<van-icon name="phone" size="18" color="#60bbfc"></van-icon>
					<span style="margin: 0 4px">学校电话:</span>
					<span class="phone">{{school.contactInfo}}</span>
				</div>
				<div class="home-box2-item2">
					<div class="home-box2-i-left">
						<van-icon name="location" size="18" color="#60bbfc"></van-icon>
						<span style="margin-left: 4px;">学校地址:</span>
					</div>
					<div class="home-box2-i-right">{{school.address}}</div>
				</div>
			</div>
		</div>

		<div style=" height: 20px;"></div>

	</div>
	<script src="/scriptZIP/qs.min.js"></script>
	<script src="/scriptZIP/vue.min.js"></script>
	<script src="/scriptZIP/axios.min.js"></script>
	<script src="https://unpkg.com/vant@2.12/lib/vant.min.js"></script>

	<script src="/js/common.js"></script>

	<script>
		(function () {
			var id = params().id;
			if (!id) {
				id = getPerson().schoolId;
				location.replace('?id=' + id);
				return;
			}

			new Vue({
				el: '#vue-root',
				data: {
					school: {},
					banner: [
						{
							img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbkimg.cdn.bcebos.com%2Fpic%2Fd043ad4bd11373f0ce85c06eac0f4bfbfaed048c&refer=http%3A%2F%2Fbkimg.cdn.bcebos.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1661410933&t=0cecde20ea59165e275507c9eefe8fed",
						},
						{
							img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F2019-05-28%2F5cecf6fa058ff.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1661410052&t=4c59316bf96a6cffc56edded615965d5",
						},
						{
							img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F2019-06-17%2F5d07620717e3e.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1661410090&t=e4745944f8b5ce8d2dd7c28a9e22ad99",
						},
						{
							img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpicture.ik123.com%2Fuploads%2Fallimg%2F161222%2F3-1612221A352.jpg&refer=http%3A%2F%2Fpicture.ik123.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1661410823&t=07febb4b44b86b111615b28fb5ee3e95",
						},
						{
							img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg6.cache.netease.com%2Fphoto%2F0031%2F2013-04-01%2F8RCQ4BS653DG0031.jpg&refer=http%3A%2F%2Fimg6.cache.netease.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1661410826&t=9fac822e90974fe9a6beea29a5ccb9b5",
						},
						{
							img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F2017-12-12%2F5a2f3fd56ae02.jpg%3Fdown&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1661410826&t=371b3d2adfe61afa8ce880777bf23bb7",
						},
					],
				},
				created: function () {
					axios.get('/api/school/' + id).then(function (res) {
						this.school = res.data;
					}.bind(this));
				},
				methods: {
					getImg: function (pic) {
						return '/static/' + this.school.id + '/school/' + pic;
					}
				}
			});
			Vue.use(vant.Lazyload);

		})();

	</script>

</body>

</html>